<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Mr.郭/QQ:1007694939">
    <title>{% block title %}{% endblock %}</title>
    <meta name="keywords" content="郭健,个人博客,yzmcms模板">
    <meta name="description"
          content="郭健,一名90后草根站长,互联网IT行业爱好者、对网站建设特别感兴趣,目前是一名web前端创业者；关注于web前端技术和CMS建站技术的学习研究,同时博客免费提供了yzmcms的各类模板(带源码)下载学习!">
    {% block top_css %}
    {% endblock %}
    {% block top_js %}
    {% endblock %}
</head>

<body>
<div id="app">
    <!--GJ-UI组件模块html代码开始-->
    <nav class="gj-nav1 gcl-yh">
        <!--响应式导航栏-->
        <div class="gnav gclear">
            <div class="gj-logo gj-left">
                <a href="/" title="郭健博客" style="color:#fff;font-size:30px;letter-spacing: 2px;margin: 4px 0;">郭健博客</a>
            </div>
            <i class="gbar fa fa-bars" aria-hidden="true"></i>
            <ul class="gnav-ul gj-right">
                <li class="gxz"><a href="/"><i class="fa fa-home" aria-hidden="true"></i> 首页</a></li>
                {% for category in categories %}
                    <li>
                        {% if username %}
                            <a href="{{ url('index:my_index',args=(1,category.id)) }}">{{ category.name }}</a>

                        {% else %}
                            <a href="" class="category">{{ category.name }}</a>
                        {% endif %}
                    </li>
                {% endfor %}
                <li><a href="" id="send">发布博客</a></li>
            </ul>
        </div>
    </nav>
    <div class="gcont">
        <div class="row">
            {% block head %}
            {% endblock %}
            {% block content %}
            {% endblock %}
            <div class="gj-lg-4">
                <div class="gj-wk gcl-hb">
                    <!--搜索模块-->
                    <div class="gj-bt">
                        <h3><i class="fa fa-search" aria-hidden="true"></i> 站内搜索</h3>
                    </div>
                    <div class="gj-body gj-ss1">
                        <form method="get" action="/search/">
                            <input type="hidden" name="m" value="search">
                            <input type="hidden" name="c" value="index">
                            <input type="hidden" name="a" value="init">
                            <input type="hidden" name="modelid" value="1" id="modelid">
                            <input type="text" name="q" placeholder="请输入搜索关键词···">
                            <button type="submit"></button>
                        </form>
                    </div>
                </div>
                <div class="gj-wk gcl-hb hidd-sm hidd-md">
                    <div class="gj-bt">
                        <h3><i class="fa fa-user-circle-o" aria-hidden="true"></i> 会员信息</h3>
                    </div>

                    <div class="gj-body gj-user">
                        <form action="https://www.guojian945.com/member/index/login.html" method="post">
                            {% if username %}
                                <input type="hidden" name="referer" value="https%3A%2F%2Fwww.guojian945.com%2F">
                                <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
                                <table cellpadding="0" cellspciong="1">
                                    <div class="div1"><i class="fa fa-user" aria-hidden="true"></i>
                                        <input type="text" required="" name="username" value="{{ username }}"
                                               placeholder="请输入用户名">
                                        <button type="button" name="exit" id="logout" value="退出">退出登陆</button>
                                    </div>
                                    <div class="div3">
                                        <button
                                                type="button" class="change">修改密码？
                                        </button>
                                    </div>


                                </table>
                            {% else %}
                                <input type="hidden" name="referer" value="https%3A%2F%2Fwww.guojian945.com%2F">
                                <table cellpadding="0" cellspciong="1">
                                    <div class="div1"><i class="fa fa-user" aria-hidden="true"></i>
                                        <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
                                        <input type="text" required="" name="username" id="username" value=""
                                               placeholder="请输入用户名">
                                        <i class="fa fa-lock" aria-hidden="true"></i>
                                        <input type="password" required="" name="password" id="password" value=""
                                               placeholder="请输入密码">
                                    </div>
                                    <div class="div2"><img src=""
                                                           tppabs="http://demo.demohuo.top/modals/63/6398/demo//static/picture/code.jpg"
                                                           id="captcha_img" title="看不清，换一张">
                                        <input type="text" required="" name="code" class="" id="captcha" value=""
                                               placeholder="验证码">
                                        <button type="button" name="dosubmit" id="login" value="登 录">立即登录</button>

                                    </div>
                                    <div class="div3">
                                        <a @click="qq_login"
                                           class="qq_login">
                                            QQ登录</a>
                                        <a href="{{ url('users:register') }}"
                                           tppabs="http://demo.demohuo.top/modals/63/6398/demo/register.html"
                                           class="btn btn-zc"
                                           role="button" target="_self">免费注册</a>
                                        <button
                                                type="button" class="change">修改密码？
                                        </button>
                                    </div>
                                </table>
                            {% endif %}


                        </form>
                    </div>

                </div>

                <div class="gj-wk gcl-hb">
                    <!--侧栏-图文列表-->
                    <div class="gj-bt">
                        <h3><i class="fa fa-thumbs-up" aria-hidden="true"></i> 热度排行</h3>
                    </div>
                    {% for blog in blogs %}
                        <div class="gj-body gli-tuw1">
                            <div class="gtw-li gclear">
                                <div class="gtw-img gj-left"><a href="{{ url('boke:blog',args=(blog.id,)) }}"
                                                                tppabs="http://demo.demohuo.top/modals/63/6398/demo/8.html"><img
                                        src="{{ blog.image.url }}"
                                        tppabs="http://demo.demohuo.top/modals/63/6398/demo//static/picture/180313112951280.jpg"
                                        alt=""></a></div>
                                <div class="gtw-body"><a href="{{ url('boke:blog',args=(blog.id,)) }}"
                                                         tppabs="http://demo.demohuo.top/modals/63/6398/demo/8.html">
                                    <h4>{{ blog.title }}</h4>
                                </a> <span><i
                                        class="fa fa-clock-o">{{ blog.create_time.strftime('%Y-%m-%d %H:%M:%S') }}</i></span>
                                    <span><i
                                            class="fa fa-eye">{{ blog.read_count }}</i></span>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>

                <div class="gj-wk gcl-hb">
                    <!--侧栏-图文列表-->
                    <div class="gj-bt">
                        <h3><i class="fa fa-thumbs-up" aria-hidden="true"></i> 博主推荐</h3>
                    </div>
                    {% for recommend in recommends %}
                        <div class="gj-body gli-tuw1">
                            <div class="gtw-li gclear">
                                <div class="gtw-img gj-left"><a href="detail.html"
                                                                tppabs="http://demo.demohuo.top/modals/63/6398/demo/8.html"><img
                                        src="{{ recommend.image.url }}"
                                        tppabs="http://demo.demohuo.top/modals/63/6398/demo//static/picture/180313112951280.jpg"
                                        alt=""></a></div>
                                <div class="gtw-body"><a href="detail.html"
                                                         tppabs="http://demo.demohuo.top/modals/63/6398/demo/8.html">
                                    <h4>{{ recommend.title }}</h4>
                                </a> <span><i
                                        class="fa fa-clock-o">{{ recommend.create_time.strftime('%Y-%m-%d %H:%M:%S') }}</i></span>
                                    <span><i
                                            class="fa fa-eye">{{ recommend.read_count }}</i></span>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>

            </div>
        </div>
    </div>

    <div class="hidd-xs gcl-yh" style="border: 0">
        <!--返回顶部-->
        <a class="gj-top" style="z-index: 1030;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
    </div>

    <footer class="gcl-yh">
        <!--footer底部-->
        <div class="gj-footer">
            <p>Copyright © 2018. 郭健博客 | Powered by <a href="javascript:;" target="_blank">YzmCMS</a></p>
            <p>备案：湘ICP备16017252号-1 博客基于GJ-UI组件、YzmCMS内容管理系统</p>
        </div>
    </footer>
    <!--GJ-UI组件模块html代码结束-->


</div>

{% block bottom_js %}
{% endblock %}
{% block js_code %}
{% endblock %}
</body>

</html>